<template>
  <div>
    <hr>
    <h1>我是子组件</h1>
    <!-- 具名插槽  父组件给子组件传送自定义内容 -->
    <slot name="head"></slot>
    <h1>内容部分</h1>
    <slot name="foot"></slot>
  </div>
</template>
<script>
export default {
  name: "zi",
  data () {
    return {}
  },
  methods: {

  },
}
</script>
<style lang="less">
</style>